<script setup lang="ts">

import Player from './components/Player'
import Slider from './components/Slider'

</script>

<template>
  <div class="app">
    <!-- <Player class="app-player"/> -->
    <Slider class="app-slider" :value="0.75"/>
  </div>
</template>

<style scoped lang="scss">
.app {
  width: 100vw;
  max-width: 100vw;
  height: 100%;
  overflow-x: hidden;

  display: flex;
  justify-content: center;
  align-items: center;

  &-player {
    width: 960px;
  }

  &-slider {
    width: 60%;
  }
}
</style>
